<template>
  <div class="home">
    <van-nav-bar :title="$route.query.templateName" left-arrow @click-left="onClickLeft" />
    <div style="padding:16px;">
      <div style=" background-color: #fff;">
        <div class="title" style="font-size:16px">保险介绍</div>
        <van-divider></van-divider>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
          {{ info.insureIntroduction }}
        </p>
        <van-divider></van-divider>
        <!-- <div class="title" style="font-size:16px">不承担保物品</div>
                <van-divider></van-divider>
                <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
                    危险品、毒品、二手货物、武器、弹药、打火机（灌气的）、蓄电池（有电解液）、现金、珠宝首饰、有价证券、文件单证、信函邮票、古玩字画、古玩家具、放射性金属、核燃料、活性畜、禽类、鱼类、水产品以及条款规定的其它除外货物
                </p> -->
        <!-- <van-divider></van-divider> -->
        <div class="title" style="font-size:16px">保障范围</div>
        <van-divider></van-divider>
        <div v-if="isHighway">
          <p style="font-size:14px; line-height:20px">本保险分为基本险和综合险两种。保险货物遭受损失时，保险人按承保险别的责任范围负赔偿责任</p>
          <van-checkbox style="font-size:14px; margin:12px 0;" v-model="basicStatus">基本险</van-checkbox>
          <p style="font-size:12px; color:rgb(150, 150, 150); line-height: 18px;"
            v-for="(item, index) in info.insureConfigSafeguards && info.insureConfigSafeguards.filter(item => item.basicStatus === '1')"
            :key="index">
            {{ item.safeguardName }}
          </p>
        </div>
        <van-checkbox readonly style="font-size:14px; margin:12px 0;" v-model="synthesisStatus">综合险</van-checkbox>
        <p v-if="isHighway" style="font-size:14px">本保险除包括基本险责任外，保险人还负责赔偿：</p>
        <p style="font-size:12px; color:rgb(150, 150, 150); line-height: 18px;"
          v-for="(item) in info.insureConfigSafeguards && info.insureConfigSafeguards.filter(item => item.synthesisStatus === '1')"
          :key="item.safeguardId">
          {{ item.safeguardName }}
        </p>
        <!-- <van-divider></van-divider> -->
        <!-- <div style="overflow:hidden">
                    <div class="title" style="font-size:16px; float:left">费率</div>
                    <div style="font-size:14px;color: rgb(135 135 135); float:right">
                        {{
                    '费率:' + (info.rate || 0) + '起' }}
                    </div>
                </div> -->
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">说明</div>
        <van-divider></van-divider>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
        <ul v-if="!isHighway">
          <li>1、投保日期不能晚于启运日期</li>
          <li>2、船舶到港（含中转港）后投保，保单无效</li>
          <li>3、货物出险后投保，保单无效</li>
          <li>4、保险责任自签发保险凭证和保险货物启运地发货人的最后一个仓库或储运所时起，至该保险凭证上注明的目的地的收货人在当地的第一个仓库或储存所时终止</li>
          <li>5、本保险不予承保的货物为：退货、二手货物、危险品、 毒品、武器、弹药、打火机（灌气的）、蓄电池（有电解液）、现金、 珠宝首饰、有价证券、文件单证、信函邮票、古玩字画、古玩家具、
            放射性金属、核燃料、活牲畜、禽类、鱼虾水产品、蛋类、血制品以及条款规定的其它除外货物。</li>
          <li>6、任何投保货物，不论任何原因导致集装箱内的货物有异味串味或污染 ，均不在保险责任。</li>
          <li>7、粮食谷物饲料 : 散装货物封箱时,须锁好箱门4把锁具,采取施子弹封、加2道以上粗型螺丝的加固方式,否则发生货物撒漏、短少属于除外责任；退货、二手货物不在承保范围内。</li>
          <li>8、冷藏冷冻货物： 需用专业冷藏车或冷藏集装箱运输，若用非专业冷藏车进行运输，即使保单生效也不在保险责任范围内。</li>
          <li>9、启运地、中转地、目的地必须是中国大陆地区（不含港、澳、台,新疆、西藏、青海地区）保险责任开始后不可以撤销保单。</li>
        </ul>
        <ul v-if="isHighway">
          <li>1、投保日期必须与启运日期一致</li>
          <li>2、车辆已起运后投保，则保单无效；货物出险后投保，则保险责任不成立，即使保单已生效，保费也不予退还。</li>
          <li>3、保险责任自签发保险凭证和保险货物启运地发货人的最后一个仓库或储运所时起，至该保险凭证上注明的目的地的收货人在当地的第一个仓库或储存所时终止。</li>
          <li>4、本保险不予承保的货物为：退换货、危险品、 毒品、武器、弹药、打火机（灌气的）、蓄电池（有电解液）、现金、 珠宝首饰、有价证券、文件单证、信函邮票、古玩字画、古玩家具、
            放射性金属、核燃料、活牲畜、禽类、鱼虾水产品、蛋类、血制品以及条款规定的其它除外货物。</li>
          <li>5、任何投保货物，不论任何原因（交通事故除外）导致货物有异味串味或污染 ，均不在保险责任。</li>
          <li>6、粮食谷物饲料等散装货物，未发生交通事故，若货物发现撒漏、短少均属于除外责任；</li>
          <li>7、二手品（翻新机/中古机器等以旧翻新等货物）、展览后之展品和陈列品仅承保火灾爆炸、交通工具发生意外事故造成的损失，且赔偿限额以不超过新品价格的40%为限。裸装货物不负责锈损和刮擦导致的损失</li>
          <li>8、冷藏冷冻货物： 需用专业冷藏车或冷藏集装箱运输，若用非专业冷藏车进行运输，即使保单生效也不在保险责任范围内。</li>
          <li>
            9、保单覆盖地域范围:全部承运线路均在中华人民共和国境内（港、澳、台、新疆自治区、青海省除外）。起运地、目的地、中转地、承运线路途径地之一在保单覆盖地域范围以外地区的，无论损失发生在何地，保险人在任何情况下均不承担任何赔偿责任。
          </li>
        </ul>
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">责任起讫</div>
        <van-divider></van-divider>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
        <ul>
          <li v-if="!isHighway">保险责任自签发保险凭证和保险货物运离起运地发货人的最后 一个仓库或储运处所时起，至该保险凭证上注明的目的地的收货人在当地的第一个仓库或储存处所时终止。
            但保险货物在卸载港全部卸离货船后，如果收货人未及时提货，则保险责任的终止期最多延长至以保险货物在卸载港全部卸离货船后的十五天为限。</li>
          <li v-if="isHighway">
            保险责任的起讫期，是自签发保险凭证和保险货物运离起运地发货人的最后一个仓库或储存处所时起，至该保险凭证上注明的目的地的收货人在当地的第一个仓库或储存处所时终止。但保险货物运抵目的地后，如果收货人未及时提货，则保险责任的终止期最多延长至以收货人接到《收货通知单》后的十五天为限（以邮戳日期为准）。
          </li>
        </ul>
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">索赔期限</div>
        <van-divider></van-divider>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
        <ul>
          <li>根据《中华人民共和国保险法》及《中华人民共和国民法总则》 的规定，本保险的被保险人或者受益人，向保险人请求赔偿或者给付保险金的诉讼时效期间为二年，自保险人知道保险事故发生之日起计算。</li>
        </ul>
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">理赔报案</div>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
          <van-divider></van-divider>
        <ul>
          <li>24 小时在线客服，为您提供在线报案登记服务，协助快速理赔，缩短赔付周期。</li>
        </ul>
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">保单真伪查验</div>
        <p style="font-size:14px;color: rgb(135 135 135);line-height: 24px;">
          <van-divider></van-divider>
        <ul>
          <li>随时致电中国太平洋财产保险股份有限公司官方客服电话95500查验。</li>
        </ul>
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">免赔</div>
        <van-divider></van-divider>
        <p style="font-size:12px; color:rgb(150, 150, 150); line-height: 18px;"
          v-for="(item, index) in info.insureConfigDeductions" :key="index">
          {{ item.deductionType }}
        </p>
        <van-divider></van-divider>
        <div class="title" style="font-size:16px">特别说明</div>
        <van-divider></van-divider>
        <p style="font-size:12px; color:rgb(150, 150, 150); line-height: 18px;">
          本产品为海腾保险代理有限公司代理中国太平洋财产保险股份有限公司的保险产品。
        </p>
        <van-divider></van-divider>
        <p style="font-size:12px; color:rgb(150, 150, 150); line-height: 18px;">
          保险人对本次投保所涉及的保险条款中包括但不限于责任免除条款、免赔额、免赔率、比例赔付或者给付等在内的免除或者减轻保险人责任的内容和条款，就其概念、内容及法律后果等向投保人作出了常人能够理解的解释说明，投保人已经充分理解并接受。投保人所选择的货物种类务必与实际运输货物一致，否则保险人不承担保险责任，由此导致的任何风险由投保人自行承担。
        </p>
        <van-divider></van-divider>
        <van-checkbox v-model="checked" style="font-size:14px">我已阅读并同意保险的免赔责任和投保声明 <a @click.stop="agreement(0)"
            @click="() => showRecharge = true" class="agreement-box">《国内水路、陆路货物运输保险条款》</a>
            <a @click.stop="() => $router.push({path:'/customerNotification',query:{insureInfoId:$route.query.insureInfoId,templateName:$route.query.templateName}})" style="margin-left:10px" class="agreement-box">《客户告知书》</a>
        </van-checkbox>
      </div>
      <div style="margin: 16px 0;">
        <van-button :disabled="!checked" block type="info" @click="toTempIndex">确认并填写投保保单</van-button>
      </div>
    </div>

    <van-action-sheet v-model="showRecharge" title="国内水路、陆路货物运输保险条款" style="height: 800px">
      <div style="padding: 16px; font-size: 12px; line-height: 18px">
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第一条 总则
        </div>
        为使保险货物在水路、铁路、公路和联运运输中，因遭受保险责任范围内的自然灾害或意外事故所造成的损失能够得到经济补偿，并加强货物的安全防损工作，以利商品生产和商品流通，特举办保险。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第二条 保险责任
        </div>
        本保险分为基本险和综合险两种。保险货物遭受损失时，保险人按承保险别的责任范围负赔偿责任。
        （一）基本险
        1．因火灾、爆炸、雷电、冰雹、暴风、暴雨、洪水、地震、海啸、地陷、崖崩、滑坡、
        泥石流所造成的损失；
        2．由于运输工具发生碰撞、搁浅、触礁、倾覆、沉没、出轨或隧道、码头坍塌所造成
        的损失；
        3．在装货、卸货或转载时因遭受不属于包装质量不善或装卸人员违反操作规程所造成
        的损失；
        4．按国家规定或一般惯例应分摊的共同海损的费用；
        5．在发生上述灾害、事故时，因纷乱而造成货物的散失及因施救或保护货物所支付的
        直接合理的费用。
        （二）综合险
        本保险除包括基本险责任外，保险人还负责赔偿：
        1．因受震动、碰撞、挤压而造成货物破碎、弯曲、凹瘪、折断、开裂或包装破裂致使
        货物散失的损失；
        2．液体货物因受震动、碰撞或挤压致使所用容器（包括封口)损坏而渗漏的损失，或用
        液体保藏的货物因液体渗漏而造成保藏货物腐烂变质的损失；
        3．遭受盗窃或整件提货不着的损失；
        4．符合安全运输规定而遭受雨淋所致的损失。


        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第三条 除外责任
        </div>
        由于下列原因造成保险货物的损失，保险人不负赔偿责任：
        （一）战争或军事行动；
        （二）核事件或核爆炸；
        国内水路、陆路货物运输保险
        （三）保险货物本身的缺陷、自然损耗，以及货物包装不善；
        （四）被保险人的故意行为或过失；
        （五）全程是公路货物运输的，盗窃和整件提货不着的损失；
        （六）其他不属于保险责任范围内的损失。

        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第四条 责任起讫
        </div>
        保险责任自签发保险凭证和保险货物运离起运地发货人的最后一个仓库或储运处所时起，至该保险凭证上注明的目的地的收货人在当地的第一个仓库或储存处所时终止。但保险货物运抵目的地后，如果收货人未及时提货，则保险责任的终止期最多延长至以收货人接到《到货通知单》后的十五天为限（以邮戳日期为准）。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第五条 保险金额
        </div>
        保险价值为货物的实际价值，按货物的实际价值或货物的实际价值加运杂费确定。保险金额由投保人参照保险价值自行确定，并在保险合同中载明。保险金额不得超过保险价值。超过保险价值的，超过部分无效，保险人应当退还相应的保险费。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第六条 投保人、被保险人的义务
        </div>
        投保人应履行如实告知义务，如实回答保险人就保险标的或被保险人的有关情况提出的询问。投保人故意或者因重大过失未履行前款规定的如实告知义务，足以影响保险人决定是否同意承保或者提高保险费率的，保险人有权解除合同。保险合同自保险人的解约通知书到达投保人或被保险人时解除。投保人故意不履行如实告知义务的，保险人对于保险合同解除前发生的保险事故，不承担赔偿责任，并不退还保险费。投保人因重大过失未履行如实告知义务，对保险事故的发生有严重影响的，保险人对于保险合同解除前发生的保险事故，不承担赔偿责任，但应当退还保险费
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第七条
        </div>
        投保人在保险人签发保险凭证的同时，应按照保险费率，一次交清应付的保险费。若投保人未按照约定交付保险费，保险费交付前发生的保险事故，保险人不承担赔偿责任。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第八条
        </div>
        被保险人应严格遵守国家及交通运输部门关于安全运输的各项规定。还应当接受并协助保险人对保险货物进行的查验防损工作，货物包装必须符合国家和主管部门规定的标准。对于因被保险人未遵守上述约定而导致保险事故的，保险人不负赔偿责任；对于因被保险人未遵守上述约定而导致损失扩大的，保险人对扩大的损失不负赔偿责任。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第九条
        </div>
        货物如果发生保险责任范围内的损失时，被保险人获悉后，应立即通知保险人的当地保险机构并应迅速采取施救和保护措施防止或减少货物损失。故意或者因重大过失未及时通知，致使保险事故的性质、原因、损失程度等难以确定的，国内水路、陆路货物运输保险

        保险人对无法确定的部分，不承担赔偿责任，但保险人通过其他途径已经及时知道或者应当及时知道保险事故发生的除外。赔偿处理

        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十条
        </div>
        被保险人向保险人申请索赔时，必须提供下列有关单证：
        （一）保险凭证、运单（货票）、提货单、发货票；
        （二）承运部门签发的货运记录、普通记录、交接验收记录、鉴定书；
        （三）收货单位的入库记录、检验报告、损失清单及救护货物所支付的直接费用的单据。

        收到被保险人的赔偿请求后，应当及时就是否属于保险责任作出核定，并将核定结果通知被保险人。情形复杂的，保险人在收到被保险人的赔偿请求并提供理赔所需资料后三十日内未能核定保险责任的，保险人与被保险人根据实际情形商议合理期间，保险人在商定的期间内作出核定结果并通知被保险人。对属于保险责任的，在与被保险人达成有关赔偿金额的协议后十日内，履行赔偿义务。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十一条
        </div>
        货物发生保险责任范围内的损失时，按货价确定保险金额的，保险人根据实际损失按起运地货价计算赔偿；按货价加运杂费确定保险金额的，保险人根据实际损失按起运地货价加运杂费计算。但最高赔偿金额以保险金额为限。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十二条
        </div>
        如果被保险人投保不足，保险金额低于货价时，保险人对其损失金额及支付的施救保护费用按保险金额与货价的比例计算赔偿。保险人对货物损失的赔偿金额，以及因施救或保护货物所支付的直接、合理的费用，应分别计算，并各以不超过保险金额为限。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十三条
        </div>
        货物发生保险责任范围内的损失，如果根据法律规定或者有关约定，应当由承运人或其他第三者负责赔偿部分或全部的，被保险人应首先向承运人或其他第三者索赔。如被保险人提出要求，保险人也可以先予赔偿，但被保险人应签发权益转让书给保险人，并协助保险人向责任方追偿。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十四条
        </div>
        经双方协商同意，保险人可将其享有的保险财产残余部分的权益作价折归被保险人，并可在保险赔偿金中直接扣除。
        <div style="font-size: 14px; font-weight: bold; margin: 12px 0">
          第十五条
        </div>
        被保险人与保险人发生争议时，应当实事求是，协商解决，双方不能达成协议时，可以提交仲裁机关或法院处理。

        本保险合同适用中华人民共和国法律(不包括港澳台地区法律）。
      </div>
    </van-action-sheet>

  </div>
</template>

<script>
import notice from '@/assets/imgs/notice.png'
export default {
  computed: {
    userInfo() {
      const info = localStorage.getItem("userInfo");
      if (info) {
        return JSON.parse(info);
      }
      return undefined;
    },
    isHighway() {
      return this.$route.query.templateName.includes('公路')
    }
  },
  data() {
    return {
      notice,
      showRecharge: false,
      showNotice: false,
      checked: false,
      basicStatus: true,
      synthesisStatus: true,
      info: {},
      images: [
        "https://img.yzcdn.cn/vant/apple-1.jpg",
        "https://img.yzcdn.cn/vant/apple-2.jpg",
        "https://img.yzcdn.cn/vant/apple-3.jpg",
        "https://img.yzcdn.cn/vant/apple-4.jpg",
      ],
    };
  },
  methods: {
    toTempIndex() {
      if (!this.userInfo) {
        this.$toast({
          message: "您还未登录，请先登录",
          duration: 800,
        });
        return;
      }
      if (this.userInfo.checkStatus * 1 !== 3) {
        this.$toast({
          message:
            "您还未提交资料审核或审核还未通过，请耐心等待，或提交资料审核",
          duration: 2000,
        });
        return;
      }
      this.$router.push({
        path: "/tempInput",
        query: {
          insureInfoId: this.$route.query.insureInfoId,
          templateName: this.$route.query.templateName,
          // isHighway: this.isHighway ? '1' : '0'
        },
      });
    },
    onClickLeft() {
      this.$router.push("/home");
    },
    onClickRight() {
      this.$router.push("/login");
    },
    clickButton() {
      //
    },
    insureClick() {
      this.$router.push("/temp1");
    },
    getInfo() {
      const insureInfoId = this.$route.query.insureInfoId;
      this.$get("/index/info", { insureInfoId }).then((res) => {
        if (res && res.code * 1 === 200) {
          this.info = res.data.data;
        } else {
          this.info = {};
        }
      });
    },
  },
  mounted() {
    this.getInfo();
  },
};
</script>
<style scoped>
.home {
  background-color: #ffffff;
  font-size: 1rem;
}

.agreement-box {
  color: blue;
}

/* .title {
    margin: 5px 16px;
  } */
</style>